/* 基础公共样式 */
:root {
  /* 白天模式默认变量 */
  --header-bg-color: #ffffff;
  --header-shadow-color: rgba(0, 0, 0, 0.05);
  --nav-text-color: #333333;
  --primary-color: #409eff;
  --secondary-text-color: #666666;
  --danger-color: #f56c6c;
  --border-color: #dcdfe6;
  
  /* Element Plus 变量 */
  --el-color-primary: var(--primary-color);
  --el-bg-color: var(--header-bg-color);
  --el-text-color-regular: var(--nav-text-color);
  --el-border-color: var(--border-color);
}

[data-theme="dark"] {
  /* 夜间模式变量 */
  --header-bg-color: #1a1a1a;
  --header-shadow-color: rgba(0, 0, 0, 0.2);
  --nav-text-color: #e0e0e0;
  --primary-color: #7ab3ef;
  --secondary-text-color: #bbbbbb;
  --danger-color: #e17b7b;
  --border-color: #4c4c4c;
  
  /* Element Plus 夜间变量 */
  --el-color-primary: var(--primary-color);
  --el-bg-color: #1a1a1a;
  --el-text-color-regular: var(--nav-text-color);
  --el-border-color: var(--border-color);
}

/* 基础样式 */
html {
  overflow-y: scroll;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body {
  font: 14px/1.5 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC',
    'WenQuanYi Micro Hei', sans-serif;
  background-color: var(--header-bg-color);
  color: var(--nav-text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

li {
  list-style: none;
}

a {
  color: #333;
  text-decoration: none;
}

/* Element组件修正 */
[data-theme="dark"] {
  .el-select {
    --el-select-input-color: var(--nav-text-color);
    --el-select-input-background-color: #2a2a2a;
    --el-select-border-color-hover: var(--primary-color);
  }
  
  .el-button {
    --el-button-text-color: var(--nav-text-color);
  }
}